<template>
    <div>
        <el-table :data="list" size="small"  style="width: 100%" class="table">
      <el-table-column prop="id" label="id" />
      <el-table-column prop="productId" label="商品id" />
      <el-table-column label="产品主图" >
          <template slot-scope="scope">
          <a :href="scope.row.image" style="color: #42b983" target="_blank"><img :src="scope.row.image" alt="点击打开" class="el-avatar"></a>
        </template>
        </el-table-column>
      <el-table-column prop="title" label="拼团名称" />
      <el-table-column prop="people" label="参团人数" />
      <el-table-column prop="price" label="拼团价" />
      <el-table-column prop="cost" label="原价" />
      <el-table-column prop="stock" label="库存" />
      <el-table-column prop="browse" label="浏览量" />
      <el-table-column prop="countPeopleAll" label="参与人数" />
      <el-table-column prop="countPeopleBrowse" label="成团数量" />
      <el-table-column prop="countPeoplePink" label="访客人数" />
       <el-table-column  label="状态" align="center">
          <template >
         <el-button type="primary" plain   size="small" class="open">已开启</el-button>
          <el-button type="primary" plain v-if="isshow"  size="small" class="open">已关闭</el-button>
        </template>
         </el-table-column>
         <el-table-column prop="stopTime" label="结束时间" width="100px"  />
       <el-table-column  label="操作" fixed='right' width="150px"  align='center'>
         <template >
          <el-button size="small" type="primary" icon="el-icon-edit"   >编辑 </el-button>
      
          <el-button type="danger"  icon="el-icon-delete" size="small" > </el-button>
         
        </template>
       </el-table-column>
       <!-- dialogedit -->
  </el-table>
    </div>
</template>
<script>

export default {
    data() {
        return{
                list:[],
        }
    },
     mounted(){
  //  gorupbooking().then(res=>{
  //   console.log(res);
  //   let _self = this;
  //      _self.list = res.content;
  //      console.log(this.list);
  //         })
    
  },
  props:{
    list:[]
  },
  methods:{
    
  }
}
</script>
<style>
.inputs{
  width: 200px;
}
.select{
  background:#13ce66 ;
  border: #13ce66;
}
.renovate{
  background: #ff4949;
  border: #ff4949;
}
.table{
  /* padding: 20px 20px 45px 20px; */
  margin-top: 20px;
}
.open{
  height: 24px;
    padding: 0 8px;
    line-height: 22px;
}
.addimage{
    background-color: #fbfdff;
    border: 1px dashed #c0ccda;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 148px;
    height: 148px;
    cursor: pointer;
    line-height: 146px;
    vertical-align: top;
}
/*content: "\E6D9"; */
.addimage .el-icon-plus{ 
  display: flex;
  align-items:center;
  justify-content: center;
  line-height: 148px;
  font-size: 30px;
  
}
.tableImage {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.block{
 margin-left: 25px;
 margin-bottom: 20px;
}
.blocks{
 margin-left: 25px;

}
</style>